/* Layout
=============================== */
.navbar {
	margin-bottom: 0px;
}

.container {
	max-width: 1000px;
}
a:hover {
	text-decoration: none;
}
.paddingBottom {
	padding-bottom: 1em;
}

.omega {
	margin-right: 0;
}

/* Main Background 
================================ */
body {
	background-image: url('../images/paperBg3.jpg');
	background-attachment: fixed;
	background-color: #FFFFCC;
}

.containerShadow {
	-webkit-box-shadow: 0px 2px 20px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 2px 20px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 2px 20px 0px rgba(50, 50, 50, 0.2);
}

.containerColorMain {
	background-image: url('../images/whiteNoiseBG.jpg');
	background-color: #FFFFFF;
}
.containerFooter {
	background-color: #1A1A1A;
}
/* Carousel
=============================== */
.carousel {
	margin-bottom: 1em;
} 

.carousel img {
	width:100%;
	height: auto;
}

.carousel-indicators {
	bottom: 0;
}

.carousel-indicators .active {
	background-color: #0066FF;
}

.carousel-indicators li {
	border-color: #0066FF;
}

/* Navbar
================================ */
.navbar {
	border-radius: 0px;
}
.navbar-inverse {
	background: #0066ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #0066ff 0%, #005ce6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(100%,#005ce6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0066ff 0%,#005ce6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0066ff 0%,#005ce6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0066ff 0%,#005ce6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0066ff 0%,#005ce6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#005ce6',GradientType=0 ); /* IE6-9 */
	border-color: #0047B2;
}
.navbar-inverse .navbar-nav .active a  {
	background: #0047b2; /* Old browsers */
	background: -moz-linear-gradient(top,  #0047b2 0%, #0052cc 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0047b2), color-stop(99%,#0052cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0047b2 0%,#0052cc 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0047b2 0%,#0052cc 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0047b2 0%,#0052cc 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #0047b2 0%,#0052cc 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047b2', endColorstr='#0052cc',GradientType=0 ); /* IE6-9 */
}
.navbar-inverse .navbar-nav li a{
	color: 	#B2D1FF;
}
.navbar-inverse .navbar-toggle {
	border-color: #B2D1FF;
	background-color: #0052CC;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #0047b2;
}
.mainLogo {
	margin-top: .3em;
	margin-bottom: .2em;
	width: 18em;
	height: auto;
}

/* Adventure X Icon fonts 
=================================== */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-5ex951');
	src:url('fonts/icomoon.eot?#iefix-5ex951') format('embedded-opentype'),
		url('fonts/icomoon.woff?-5ex951') format('woff'),
		url('fonts/icomoon.ttf?-5ex951') format('truetype'),
		url('fonts/icomoon.svg?-5ex951#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-whaleIcon-01:before {
	content: "\e600";
}
.icon-snorkelIcon-01:before {
	content: "\e601";
}
.icon-mantaIcon-01:before {
	content: "\e602";
}
.icon-dolphinIcon-01:before {
	content: "\e603";
}

.homeIcon {
	font-size: 10em;
	display: block;
	text-align: center;
	color: #80B2FF;
	transition: color;
	transition-duration: .5s;
}
.homeIcon:hover {
	color: #0066FF;
	transition: color;
	transition-duration: .5s;

}

.subIcon {
	font-size: 5em;
}

.subHead {
	font-size: 2em;
}

/* Social Media Icons
================================ */
@font-face {
	font-family: 'social';
	src:url('fonts/social.eot?-20o8ev');
	src:url('fonts/social.eot?#iefix-20o8ev') format('embedded-opentype'),
		url('fonts/social.woff?-20o8ev') format('woff'),
		url('fonts/social.ttf?-20o8ev') format('truetype'),
		url('fonts/social.svg?-20o8ev#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="soc-"], [class*=" soc-"] {
	font-family: 'social';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.soc-YouTube_icon-01:before {
	content: "\e600";
}
.soc-Trip_Advisor_icon-01:before {
	content: "\e601";
}
.soc-Mail_icon-01:before {
	content: "\e602";
}
.soc-Instagram_icon-01:before {
	content: "\e603";
}
.soc-Google_Plus_icon-01:before {
	content: "\e604";
}
.soc-Facebook_icon-01:before {
	content: "\e605";
}

.socialIcon {
	font-size: 2em;
	color: #7F7D7F;
	transition: color;
	transition-duration: .3s;
	margin-right: .3em;
}
/*.socialIcon:hover {
	color: #0066FF;
	transition: color;
	transition-duration: .3s;

} */

.facebookColor:hover {
	color: #3B5998;
	transition: color;
	transition-duration: .3s;
}

.googleColor:hover {
	color: #dd4b39;
	transition: color;
	transition-duration: .3s;
}

.instagramColor:hover {
	color: #3f729b;
	transition: color;
	transition-duration: .3s;
}

.youtubeColor:hover {
	color: #bb0000;
	transition: color;
	transition-duration: .3s;
}

.mailColor:hover {
	color: #0066FF;
	transition: color;
	transition-duration: .3s;
}

.tripadColor:hover {
	color: #64AA4B;
	transition: color;
	transition-duration: .3s;
}
/* Testimonials
================================*/
.testContainer {
	background-color: #E6E6E6;
	padding: .01em .2em .2em .2em;
	color: #808080;
	font-style: italic;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

/* Video  
======================================= */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0; 
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}